let ChristmasTree = document.querySelector('.ChristmasTree')
let card = document.querySelector('.card')
let box = document.querySelector('#box')
ChristmasTree.addEventListener('click',function(){
    card.setAttribute("style","opacity:0");
    let x = document.createElement("audio");
     x.setAttribute("src", "Merry Christmas Mr. Lawrence.mp3");
     x.setAttribute("autoplay","autoplay");

// 打字效果
let i =0
let str = '展信舒颜，顺问冬安<好快哇，从7月相识到现在已经5个月了，距"默契十足"第一次见面也已经过了93天咯（还是好想感叹一下 那天风是真的大）。算了算22年刚好见了10次面！有种十全十美的味道呢 算是给这个快结束的2022画上一个！和。（1和0hhh）<哦对，已经until Xmas了 那俺可以自豪地说Rule No.1已经忤逆咯！！o(*￣▽￣*)ブ，就在写下这封信前hhh，忍了20天还是没忍住hhh，尤其是上面的不得启封！！看着叛逆之魂就燃起来了，也算是不负公主望啦（Ps:看第一段的时候真的快笑死，有种不谋而合成功配合上的自豪感呢！而且这算不算是逐步建立的默契！！！）<想了好多要在信里面写什么，想着想着想到之前第一次去酒吧时的那个"死亡提问"，用五个词形容一下对方，当时俺没说出口，那现在来找补（X 认真回答）一下咯 第一个词当时已经说过啦！就不变咯，那可是 标（尾音拉长、声调上扬）准答案hhh 真实 善良 阳光 俏皮可爱（写完之后发现 都是童话里形容公主的词汇捏 哦 怪不得俺一直喜欢用公主来称呼你）也希望Nancy童鞋可以一直在这个不那么国泰也不那么民安的时候继续做那个公主般的自己<刚好写这封信的时候 沈阳下了一场好大好大的雪，记得刚回家的时候在雪地上写了“替GZX到此一游”，那今天就用工科生的方式“带GZX看一场2022年年末的雪”咯，算是本圣诞老银给2311km外“等不得想看大雪的J人”的圣诞礼物叭，记得签收&好评！<那最后 很开心很开心可以在2022遇到Princess Nancy ，Christmas Greetings and Best Wishes< >>>>>>>$From 圣诞节前4天的高源(没那么严肃但同样走心版) >>>>>>>>>>>$$2022.12.24'
let strp = ''

function print()
{
	if(str[i]=='<')
	{
	    document.getElementById("box").innerHTML=strp+"<br><br>+'|'";
		document.getElementById("box").style.letterSpacing = "1px";
	    strp+="<br><br>";
	}
	else if(str[i]=='>')
	{
	    strp+="&emsp;&emsp;&emsp;&emsp;";
	}
	else if(str[i]=='$')
	{
	    strp+="&emsp;&ensp;";
	}
	else
	{
	    strp+=str[i];
	    box.innerHTML=strp + '|';
	}
	i++;
}
setTimeout(() => {
    let printid=setInterval(() => {
        print();
        if(i==str.length)
        clearInterval(printid);
        },2);  // 190毫秒打一个字，其实细心发现的话，这个项目还是有个小小的bug，无法用语言描述这个bug，如果你想优化的话 有一种简单的方法就是调快打字的速度，这样那个bug看起来就不会很明显,我太菜了 不会改那个bug
}, 2);  //5500毫秒开始打字
// 背景出现
function appearBackground(){
setTimeout(()=>{
box.style.opacity=1
},1500)
}
appearBackground()

})
